/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {

	color: #333; 

	font: 12px, "微软雅黑", Arial,sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	/* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1);  */


}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 

	{

	margin: 0;

	padding: 0;

	border: 0;

	outline:0;

}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section

	{

	display: block;

}

/* HTML5 媒体文件跟 img 保持一致 */

audio,canvas,video {

	display: inline-block;

	*display: inline;

	*zoom: 1;

}

/* 要注意表单元素并不继承父级 font 的问题 */

body,button,input,select,textarea {

	font-size: 12px;

}

input,select,textarea,button {

	font-size: 100%;

	outline: none;

	border: none;

	margin: 0;

	padding: 0;

}

/* 去掉各Table  cell 的边距并让其边重合 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* IE bug fixed: th 不继承 text-align*/

th {

	text-align: inherit;

}

/* 去除默认边框 */

fieldset,img {

	border: 0;

}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe {

	display: block;

}

/* 去掉 firefox 下此元素的边框 */

abbr,acronym {

	border: 0;

	font-variant: normal;

}

/* 一致的 del 样式 */

del {

	text-decoration: line-through;

}

address,caption,cite,code,dfn,em,th,var {

	font-style: normal;

	font-weight: 700;

}

/* 去掉列表前的标识, li 会继承 */

ol,ul {

	list-style: none;

}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,th {

	text-align: center;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

/* 统一上标和下标 */

sub,sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

/* 默认不显示下划线，保持页面简洁并改变字体颜色 */

ins,a {

	text-decoration: none;

	color: #000;

}

.clear{

	clear: both;

}

.fn-clear {

	*zoom: 1; /* for IE6 IE7 */

}

/* 隐藏, 通常用来与 JS 配合 */

body .fn-hide {

	display: none;

}

.show {

	display: block;

}

.hide {

	display: none;

}

/* 设置内联, 减少浮动带来的bug */

.fn-left, .fn-right {

	display: inline;

}

body{

	min-width: 320px;

	overflow-x: hidden;

	background: #FFFFFF; 

	font-family: "微软雅黑", Arial, sans-serif;

}

h1,h2,h3,h4,h5,h6{

	font-weight: normal;

	font-size: inherit;

}

.container { 

	width: 95%;

	max-width: 1600px;

	margin: 0 auto;

}

a { 

	color: inherit;

	cursor: pointer;

	font: inherit;

	transition:all 0.5s ease 0s;

}

i{

	font-style: normal;

}



.fl { 

	float: left; 

}

.fr { 

	float: right;

 }

.clearfix:after { 

	content: ""; 

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix{

	*zoom: 1;

}